<!--
 * @Description: 
 * @Date: 2024-05-15 15:53:43
 * @LastEditTime: 2024-09-08 12:24:45
-->
<route lang="json5">
{
  style: {
    navigationBarTitleText: '检察官接访',
    navigationBarTextStyle: 'white', //标题栏字体颜色
    navigationBarBackgroundColor: '#0063AF', //标题栏背景色(纯色)
  },
}
</route>
<template>
  <view
    class="visit w-screen h-screen px-40rpx flex justify-center pt-300rpx box-border bg-#FFFFFF"
  >
    <view class="w-80% h-max flex flex-col justify-center items-center gap-40rpx">
      <img src="../../static/menu/icon.png" class="w-160rpx h-160rpx" />
      <view class="text-36rpx font-bold">预约成功</view>
      <view class="text-24rpx">您已成功预约，待检察官审核确认后将短信通知您！</view>
      <view class="w-100% mt-30rpx">
        <wd-button class="bg-#006EFF!" type="primary" size="medium" @click="skipPage" block>
          查看预约进度
        </wd-button>
      </view>
    </view>
  </view>
</template>
<script lang="ts" setup>
function skipPage() {
  uni.switchTab({
    url: `/pages/mine/index`,
  })
}
</script>
<style lang="scss" scoped>
.cardShadow {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.scroll-item:first-of-type {
  padding-left: 28rpx;
}

.scroll-item:last-of-type {
  padding-right: 28rpx;
}

.scroll-item-active {
  background: #006eff;

  color: #fff;
}

:deep(.wd-button) {
  margin: 0;
  background: #006eff !important;
  font-size: 28rpx !important;
  padding-top: 20rpx !important;
  padding-bottom: 20rpx !important;
}
</style>
